<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <title>包图海外</title>
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/jquery.flex-images.css" />
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/reset.css" />
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/public.css" />
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/swiper.min.css" />
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/iconfont.css" />
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/swiper.min.css">
    <link rel="stylesheet" href="${ctx}/resources/css/project/web/bthw/home.css">
	<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101515449" data-redirecturi="http://5i0z4.cn/protal/qqNotify" charset="utf-8"></script>
</head>
<body>

    <header>
        <div class="clearfix header-banner">
            <div class="fl showmain">
                <div class="bg-img bg-img1"></div>
                <div class="mask">
                    <div class="slogan">
                        <i class="icontfont icon-shoujiao4"></i>
                        <span>高品质素材·版权保障</span>
                        <p>Storyblocks中国区独家合作伙伴</p>
                    </div>
                </div>
            </div>
            <div class="fl showmain">
                <div class="bg-img bg-img2"></div>
                <div class="mask">
                    <div class="slogan">
                        <i class="icontfont icon-shoujiao7"></i>
                        <span>在线授权·放心商用</span>
                        <p>加入企业VIP 免除侵权之忧</p>
                        <a href="javascript:;" class="ljxqBtn">了解详情</a>
                    </div>
                </div>
            </div>
            <div class="fl showmain">
                <div class="bg-img bg-img3"></div>
                <div class="mask">
                    <div class="slogan">
                        <i class="icontfont icon-shoujiao6"></i>
                        <span>海量资源·每日更新</span>
                        <p>百万资源 让创意尽收眼底</p>
                        <a href="javascript:;" class="ljxqBtn">了解详情</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix header-nav">
            <div class="nav-wrap">
                <a href="javascript:;" class="fl btos-logo "><i class="iconfont icon-baotuhaiwailogo"></i></a>
                <div class="fr login-info">
				    <div class="fl item">
				        <a href="javascript:;" class="activelink"
				          ></a>
				        <a href="javascript:;" class="qyvip"><i class="icontfont icon-qiyevip"></i>企业VIP</a>
				        <div class="vip-drop-list">
				            <ul>
				                <li>
				                    <div class="icon-wrap">
				                        <i class="icontfont icon-hailiangxiazai3"></i>
				                    </div>
				                    <span>高清大图海量下载</span>
				                </li>
				                <li>
				                    <div class="icon-wrap">
				                        <i class="icontfont icon-shangyong"></i>
				                    </div>
				                    <span>企业授权商用无忧</span>
				                </li>
				                <li>
				                    <div class="icon-wrap">
				                        <i class="icontfont icon-qiyeshouquan"></i>
				                    </div>
				                    <span>买即送包图企业VIP</span>
				                </li>
				            </ul>
				            <a href="javascript:;" class="buy-vip gradient-hor-gold graHover">立即开通企业VIP</a>
				        </div>
				    </div>
				    <div class="fr unlogined">
			            <a href="javascript:;" class="actionLogin">登录</a>
			        </div> 
				    <div class="fr logined" style="display: none;">
			            <span class="userimg"><img src="" alt=""></span>
			            <div class="drop">
			                <div class="userinfo">
			                    <p></p>
			                </div>
			                <div class="shortcut">
			                    <a href="/">返回主站</a>
			                    <!-- <a href="javascript:;" class="actionLogout">退出登录</a> -->
			                </div>
			            </div>
			        </div>
    			</div>
			    <div class="nav">
				    <a href="http://5i0z4.cn" class="active">首页</a>
				</div>            
			</div>
        </div>
        <div class="main-w header-search search-drop">
            <input type="text" class="searchInput" data-resource="photo" placeholder="搜索 高品质摄影图、视频、插画配图、矢量图">
            <button class="searchBtn"><i class="icontfont icon-xinbanzizhan-smallsearch"></i></button>
            <div class="drop">
                <p class="title">热门搜索 · <a href="javascript:;" class="updateHotKeywords">换一组</a></p>
                <div class="clearfix search-words sHotKeywords"></div>
                <p class="title">搜索历史 · <a href="javascript:;" class="clearHistory">清空</a></p>
                <div class="clearfix history-words sHistory"></div>
            </div>
            <div class="mask"></div>
        </div>
    </header>
    <div class="float-header">
        <div class="clearfix main-w search-drop">
            <input type="text" class="searchInput" data-resource="photo" placeholder="搜索 高品质摄影图、视频、插画配图、矢量图">
            <a href="javascript:;" class="btn searchBtn"><i class="icontfont icon-xinbanzizhan-smallsearch"></i></a>
            <div class="drop">
                <p class="title">热门搜索 · <a href="javascript:;" class="updateHotKeywords">换一组</a></p>
                <div class="clearfix search-words sHotKeywords"></div>
                <p class="title">搜索历史 · <a href="javascript:;" class="clearHistory">清空</a></p>
                <div class="clearfix history-words sHistory"></div>
            </div>
        </div>
    </div>

    <!-- 轮播 -->
    <section class="swiper-section">
        <div class="main-w best-album">
            <div class="clearfix title">
                <a href="https://haiwai.ibaotu.com/topics" class="words">精选专辑</a>
            </div>
            <div class="album-swiper">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                         <div class="swiper-slide">
                              <a href="javascript:;" class="todetailBtns">
                              <img src="//js.ibaotu.com//son/upload/topics/9b7060e7f8a5578693a5b21bafa4dc1a.jpg" alt="">
                              <div>
                              	<p>植树节</p>
                              	<span>摄影图</span>
                              </div>
                              </a>
                              <a href="javascript:;" class="todetailBtns">
                                   <img src="//js.ibaotu.com//son/upload/topics/70d666822ff53d1d5220dab543ffd955.jpg" alt="">
                                   <div>
                                       <p>妇女节-母婴</p>
                                       <span>摄影图</span>
                                   </div>
                               </a>
                               <a href="javascript:;" class="todetailBtns">
                                    <img src="//js.ibaotu.com//son/upload/topics/9ee9bd59b008af8762950b5793b11c34.jpg" alt="">
                                    <div>
                                        <p>女生节-妇女节</p>
                                        <span>视频</span>
                                    </div>
                                </a>
                                <a href="javascript:;" class="todetailBtns">
                                    <img src="//js.ibaotu.com//son/upload/topics/5cce886ef7241b22de65ee1829d184ed.jpg" alt="">
                                    <div>
                                        <p>惊蛰-春天</p>
                                        <span>摄影图</span>
                                    </div>
                                </a>
                           </div>
                           <div class="swiper-slide">
                                <a href="javascript:;" class="todetailBtns">
                                     <img src="//js.ibaotu.com//son/upload/topics/671177ea64186e07912c129f489b9306.jpg" alt="">
                                     <div>
                                         <p>女生节</p>
                                         <span>摄影图</span>
                                     </div>
                                 </a>
                                 <a href="javascript:;" class="todetailBtns">
                                      <img src="//js.ibaotu.com//son/upload/topics/b63551b53f5e75d6fea16ac31098500d.jpg" alt="">
                                      <div>
                                          <p>日出-视频</p>
                                          <span>摄影图</span>
                                      </div>
                                  </a>
                                  <a href="javascript:;" class="todetailBtns">
                                       <img src="//js.ibaotu.com//son/upload/topics/3008640b580fd61d6a657865c84bd6ce.jpg" alt="">
                                       <div>
                                           <p>鲜花</p>
                                           <span>摄影图</span>
                                       </div>
                                   </a>
                                   <a href="javascript:;" class="todetailBtns">
                                        <img src="//js.ibaotu.com//son/upload/topics/44ca346a0766f40e9f2ea7d770b4ab7c.jpg" alt="">
                                        <div>
                                            <p>妇女节-背景元素</p>
                                            <span>矢量图</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;" class="todetailBtns">
                                        <img src="//js.ibaotu.com//son/upload/topics/e6274c525dfc3f7335d9043d9e254790.jpg" alt="">
                                        <div>
                                            <p>开学季</p>
                                            <span>摄影图</span>
                                        </div>
                                    </a>
                                    <a href="javascript:;" class="todetailBtns">
                                        <img src="//js.ibaotu.com//son/upload/topics/edaebdf6caf3c3526b7200b5a3b16428.jpg" alt="">
                                        <div>
                                            <p>315打假</p>
                                            <span>摄影图</span>
                                        </div>
                                    </a>
                                    <a href="javascript:;" class="todetailBtns">
                                        <img src="//js.ibaotu.com//son/upload/topics/bbcfdb1befbd84b2b4fd77d470858fce.jpg" alt="">
                                        <div>
                                            <p>健身减肥</p>
                                            <span>摄影图</span>
                                        </div>
                                    </a>
                                    <a href="javascript:;" class="todetailBtns">
                                        <img src="//js.ibaotu.com//son/upload/topics/349ab59020274053bb383b2a3f542584.jpg" alt="">
                                        <div>
                                            <p>春天</p>
                                            <span>摄影图</span>
                                        </div>
                                    </a>
                                </div>
                    		</div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <!-- 导航按钮 -->
        <div class="swiper-button-prev">
            <i class="icontfont icon-zuojiantou"></i>
        </div>
        <div class="swiper-button-next">
            <i class="icontfont icon-youjiantou"></i>
        </div>
    </section>

    <section>
        <div class="main-w clearfix navigation">
            <div class="clearfix navlist">
                <a href="javascript:;" class="active" data-target="photo">摄影图</a>
                <a href="javascript:;" data-target="video">视频</a>
                <a href="javascript:;" data-target="chahua">插画配图</a>
                <a href="javascript:;" data-target="vector">矢量图</a>
            </div>
            
        </div>


        <!-- 摄影图 -->
        <div class="navPane" data-tab="photo">
            <div class="clearfix wrapper images navPane" data-tab="photo">
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/89/bc16d1fd686dfe97ddb2e0c10a1ed0d0.jpg!rePhoto" alt="">
                            <p class="title">星空背景地球合成图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="826973"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="826973" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/09/86/161a461e71181f771ec3dfd77658585a.jpg!rePhoto" alt="">
                            <p class="title">一个健身者的剪影，双臂交叉在黑暗的背景上</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="779843"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="779843" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/84/27a3fb4c3ab356cb2be9ef8a5123648e.jpg!rePhoto" alt="">
                            <p class="title">在黑板的背景上，用铅笔把五颜六色的课本和抄写本堆在一起</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="242429"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="242429" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/78/4e352af2680a520d9307a973582fc132.jpg!rePhoto" alt="">
                            <p class="title">春天自然植物</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="7996233"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="7996233" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/07/39/a492db0d1cf3e8c80b92a879120968ec.jpg!rePhoto" alt="">
                            <p class="title">妈妈高高举起宝宝</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1761648"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1761648" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/45/14019b506f8d28615e98b8e4d47d414b.jpg!rePhoto" alt="">
                            <p class="title">信息时代交互技术合成图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="826704"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="826704" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/09/46/e0c2f102dd4f537fd60abad462de94fe.jpg!rePhoto" alt="">
                            <p class="title">震惊的穿牛仔裤的苗条女孩</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="770197"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="770197" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/44/a242b68e0de9449c6659e42acca55bac.jpg!rePhoto" alt="">
                            <p class="title">学校的形象词下面有三个彩色铅笔</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="242524"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="242524" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/44/054e101d8f52dda726c3018b3d68777a.jpg!rePhoto" alt="">
                            <p class="title">春日树枝发芽摄影图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="7886769"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="7886769" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/34/42fd83a553a910322be68d9e5c01e5a3.jpg!rePhoto" alt="">
                            <p class="title">无法辨认的孕妇用卷尺测量她的腹部的肖像</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1763795"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1763795" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/03/19/641a8b7f99eb325aa1cda55eb6dacc84.jpg!rePhoto" alt="">
                            <p class="title">太空中的地球摄影图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="139554"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="139554" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/83/faf555d4adb1193478f6ddfd3720c2c7.jpg!rePhoto" alt="">
                            <p class="title">年轻的运动员</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1769613"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1769613" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/01/31/85fc3993207c7395f4a84587be3989ed.jpg!rePhoto" alt="">
                            <p class="title">淡蓝色铅笔画合成图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="826228"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="826228" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/04/73/c9f0408d0835ba98bbe6ac77688272b7.jpg!rePhoto" alt="">
                            <p class="title">植物树叶摄影图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="4560"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="4560" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/13/9bea8de92e5dd855a2e1b3ff68fa8224.jpg!rePhoto" alt="">
                            <p class="title">漂亮的年轻母亲站着，抱着她的小儿子。</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1185929"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1185929" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                            </div>
            <div class="main-w browse">
                <div class="title"><span>分类浏览</span></div>
                <ul>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">城市</a>
                                    <a href="javascript:;" class="todetailBtns">建筑</a>
                                    <a href="javascript:;" class="todetailBtns">办公</a>
                                    <a href="javascript:;" class="todetailBtns">春天</a>
                                    <a href="javascript:;" class="todetailBtns">雨</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">水墨</a>
                                    <a href="javascript:;" class="todetailBtns">篮球</a>
                                    <a href="javascript:;" class="todetailBtns">人</a>
                                    <a href="javascript:;" class="todetailBtns">剪纸</a>
                                    <a href="javascript:;" class="todetailBtns">烟花</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">背景</a>
                                    <a href="javascript:;" class="todetailBtns">奖杯</a>
                                    <a href="javascript:;" class="todetailBtns">篮球</a>
                                    <a href="javascript:;" class="todetailBtns">山水</a>
                                    <a href="javascript:;" class="todetailBtns">建筑</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">医院</a>
                                    <a href="javascript:;" class="todetailBtns">NBA</a>
                                    <a href="javascript:;" class="todetailBtns">猫</a>
                                    <a href="javascript:;" class="todetailBtns">蝴蝶</a>
                                    <a href="javascript:;" class="todetailBtns">火车</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">汽车</a>
                                    <a href="javascript:;" class="todetailBtns">会议</a>
                                    <a href="javascript:;" class="todetailBtns">招聘</a>
                                    <a href="javascript:;" class="todetailBtns">物流</a>
                                    <a href="javascript:;" class="todetailBtns">衣服</a>
                            </li>
            </ul>
            </div>
        </div>

        <!-- 视频 -->
        <div class="navPane" data-tab="video" style="display:none;">
            <div class="clearfix main-w wrapper video">
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/08/10/47a6bfeec556d3a049078cf4aa50ce8d.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/09/36/215c1ef066eeff555798125ab95ec465.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/09/36/215c1ef066eeff555798125ab95ec465.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="2385415"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="2385415" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">多云的日出时间流逝</span>
                            <span class="fr time">00:08</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/04/76/530bc63325e848345bb3aab8eb799c21.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/03/61/0e6f50cadaa33369c3165d70cdc39a27.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/03/61/0e6f50cadaa33369c3165d70cdc39a27.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="4279264"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="4279264" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">抽象的蓝色几何背景与线和点。</span>
                            <span class="fr time">00:25</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/09/03/8fbb6c01821696fd2029a08c5aeab7c7.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/09/81/3e44f92f2a67f87218d06288b1f4fca3.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/09/81/3e44f92f2a67f87218d06288b1f4fca3.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="3934990"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="3934990" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">人类拥有未来的视觉，沉浸式的科技，女人</span>
                            <span class="fr time">00:09</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/01/61/632d06453c8df726508fdbbaeba1449f.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/05/16/0f452d1c98719772ce27b9e24aeb9b9b.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/05/16/0f452d1c98719772ce27b9e24aeb9b9b.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="810635"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="810635" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">照片标志介绍</span>
                            <span class="fr time">00:15</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/08/21/fc37bd217019c45b1d5981f26aa2a126.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/10/66/8c041adcfd2ced9fe063bca59ffbb214.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/10/66/8c041adcfd2ced9fe063bca59ffbb214.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="2385256"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="2385256" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">多云的日出时间流逝</span>
                            <span class="fr time">00:12</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/08/93/774e2cf826846a27f9c059fe5fbc6837.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/08/39/96bba3dd106ed46bd48fa4f1452b2e10.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/08/39/96bba3dd106ed46bd48fa4f1452b2e10.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="3998964"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="3998964" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">世界技术背景业务</span>
                            <span class="fr time">00:25</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/10/87/ae6c00467ed50b5db9bcff34f0ad8b0b.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/06/93/684d4ab89cf076571164dad81481dc09.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/06/93/684d4ab89cf076571164dad81481dc09.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="3304485"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="3304485" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">一位女士在一个礼堂里对听众发表演讲，主题是经济和金融的会议。概念:世界经济，未来会议，全息图，未来商业世界</span>
                            <span class="fr time">00:09</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/02/96/a4c5373610316bb0f10045a3f4de965f.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/08/30/1c236079aef0769e5daa866fdac26588.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/08/30/1c236079aef0769e5daa866fdac26588.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="938906"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="938906" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">特效CS4模板:生动的Logo展示</span>
                            <span class="fr time">00:08</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/06/44/195c45949ef616dfb36600e4bb2d8f9b.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/06/89/46ede35afd1b4d87f67a14ea727eb728.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/06/89/46ede35afd1b4d87f67a14ea727eb728.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="292047"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="292047" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">在夏威夷的瓦胡岛，静态的极宽的日出镜头</span>
                            <span class="fr time">00:31</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/07/10/d6788c8e20e20d49015144ab793dec81.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/10/11/44d0d4a69459501ff58e61723135aada.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/10/11/44d0d4a69459501ff58e61723135aada.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="4663240"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="4663240" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">在虚拟网格中移动粒子，产生模糊效果。4k超高清视频循环。</span>
                            <span class="fr time">00:28</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/01/98/fe5935197cda4a8d4c0a324453de2f04.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/02/57/b23fc9f263caa065fdb0048beb78b615.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/02/57/b23fc9f263caa065fdb0048beb78b615.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="3935154"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="3935154" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">近距离观察年轻的商人，蓝眼睛戴着眼镜，注视着波形线和数据</span>
                            <span class="fr time">00:14</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/01/86/e8ab8d77e29f3ce2eb547e4d1aa09368.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/02/85/dc0ecbb34269f96ca16668f5fa434bbc.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/02/85/dc0ecbb34269f96ca16668f5fa434bbc.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1603522"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1603522" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">粒子生活标志显示</span>
                            <span class="fr time">00:10</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/07/99/0060b9eeabdaedce6b4c88a6fa98528b.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/04/99/90850b42b13a0758e9a28cbf4cebe1a5.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/04/99/90850b42b13a0758e9a28cbf4cebe1a5.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="2385266"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="2385266" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">洛杉矶时间流逝后的日出</span>
                            <span class="fr time">00:15</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/06/45/382c114ae2a1d6ef78c9344d7195c30f.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/02/46/dcc948b2ea4b296679f6c58a207edd61.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/02/46/dcc948b2ea4b296679f6c58a207edd61.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="3045110"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="3045110" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">活泼的涟漪火焰和烟雾在背景。动态的粒子。超高清晰度4K无缝视频。</span>
                            <span class="fr time">00:28</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/03/47/c0c3a95138dc62f3eeffad5105bfd372.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/03/23/3c5145bf10bb999f04b9c90b1240ebfc.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/03/23/3c5145bf10bb999f04b9c90b1240ebfc.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="3934875"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="3934875" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">一个男人在回答妻子的问题，她微笑着，用手机在全息时钟里挥了挥手。概念:网络、通信、家庭、技术、增强现实和未来</span>
                            <span class="fr time">00:14</span>
                        </div>
                    </div>
                                    <div class="list">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <video src="//image.ibaotu.com/vb/previews/10/75/184c369ab519ff1f8cf0256959c9d632.mp4" muted preload="none" loop="loop"
                                   poster="//image.ibaotu.com/vb/thumbnails/01/72/045d5a61ecbca00136a1534b3684e543.jpg"></video>
                            <img src="//image.ibaotu.com/vb/thumbnails/01/72/045d5a61ecbca00136a1534b3684e543.jpg" alt="视频封面图">
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="2516222"
                           data-type="video"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="2516222" data-type="video"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>

                        <div class="timedata">
                            <span class="fl title">4K航拍的《悬崖上的女人》</span>
                            <span class="fr time">00:14</span>
                        </div>
                    </div>
                            </div>
            <div class="main-w browse">
                <div class="title"><span>分类浏览</span></div>
                <ul>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">动态背景</a>
                                    <a href="javascript:;" class="todetailBtns">AE</a>
                                    <a href="javascript:;" class="todetailBtns">logo</a>
                                    <a href="javascript:;" class="todetailBtns">字幕</a>
                                    <a href="javascript:;" class="todetailBtns">香港</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">科技</a>
                                    <a href="javascript:;" class="todetailBtns">照片</a>
                                    <a href="javascript:;" class="todetailBtns">背景</a>
                                    <a href="javascript:;" class="todetailBtns">数据</a>
                                    <a href="javascript:;" class="todetailBtns">企业</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">地图</a>
                                    <a href="javascript:;" class="todetailBtns">商务</a>
                                    <a href="javascript:;" class="todetailBtns">幻灯片</a>
                                    <a href="javascript:;" class="todetailBtns">水</a>
                                    <a href="javascript:;" class="todetailBtns">儿童</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">光</a>
                                    <a href="javascript:;" class="todetailBtns">云</a>
                                    <a href="javascript:;" class="todetailBtns">火焰</a>
                                    <a href="javascript:;" class="todetailBtns">时间</a>
                                    <a href="javascript:;" class="todetailBtns">手机</a>
                            </li>
                    <li>
                                    <a href="javascript:;" class="todetailBtns">金融</a>
                                    <a href="javascript:;" class="todetailBtns">蓝色</a>
                                    <a href="javascript:;" class="todetailBtns">教育</a>
                                    <a href="javascript:;" class="todetailBtns">建筑</a>
                                    <a href="javascript:;" class="todetailBtns">风景</a>
                            </li>
            </ul>
            </div>
        </div>

        <!-- 插画配图 -->
        <div class="navPane" data-tab="chahua" style="display:none;">
            <div class="clearfix main-w wrapper flex-images">
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/69/9db2a7b6e345792a9b50533c4a845b49.jpg!reVideo" alt="">
                            <p class="title">肉红色基调。颜色样本设计</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="86567"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="86567" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/07/25/8432a18a883d0ceb3d7d9ff9472ac8a0.jpg!reVideo" alt="">
                            <p class="title">光滑的红色缎</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="79608"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="79608" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/03/61/fe92b80696e06fe27b2808857c93d16e.jpg!reVideo" alt="">
                            <p class="title">红色皮革3 d</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="4755"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="4755" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/05/9857279f76c8eddc568812e815af7710.jpg!reVideo" alt="">
                            <p class="title">红色花的心</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1472"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1472" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/54/7a4dfaedac0958c75d74fc2dc1eac46d.jpg!reVideo" alt="">
                            <p class="title">红色的中心</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1467"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1467" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/69/feafc1e614b8a08e3503f03b2c1efa0e.jpg!reVideo" alt="">
                            <p class="title">糖果藤与漂亮的冬青叶和浆果红色背景</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="79617"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="79617" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/79/f1f4d39c8205eca628bfa87f35735c2c.jpg!reVideo" alt="">
                            <p class="title">红色的新鲜成熟草莓特写插画</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="96694"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="96694" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/76/4c19f799dddf2704651596301ae18ddb.jpg!reVideo" alt="">
                            <p class="title">城市夜景数字绘画插图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="811057"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="811057" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/03/83/86a01f323f02df9a483566b063b49456.jpg!reVideo" alt="">
                            <p class="title">红色和黄色的混合水彩背景插画</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="124589"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="124589" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/09/89/f1f76e1df1ceef0aa0e80e87155e4def.jpg!reVideo" alt="">
                            <p class="title">3d人物的表情显示了爱和情人节。</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="59575"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="59575" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/81/4ef975cf97d838648309ec739dfea84b.jpg!reVideo" alt="">
                            <p class="title">复古的情人节横幅</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="96734"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="96734" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/07/ee70d5b24050fb6333aa98f72751cfa2.jpg!reVideo" alt="">
                            <p class="title">情人节庆祝活动</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="97280"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="97280" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/09/41/76b7a8d40e383ae6264f50da08914e2c.jpg!reVideo" alt="">
                            <p class="title">情人节心盒</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="97283"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="97283" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/22/ff821390e2d5e3fe3142abe064ecf4cc.jpg!reVideo" alt="">
                            <p class="title">箭头3 d的心</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="94703"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="94703" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/54/7bf4fd99a4d3aa13482b5b03939c8c35.jpg!reVideo" alt="">
                            <p class="title">新年快乐</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="69806"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="69806" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                            </div>
            <div class="main-w browse">
                <div class="title"><span>分类浏览</span></div>
                <ul>
                     <li>
                                     <a href="javascript:;" class="todetailBtns">设计</a>
                                     <a href="javascript:;" class="todetailBtns">元素</a>
                                     <a href="javascript:;" class="todetailBtns">雪花</a>
                                     <a href="javascript:;" class="todetailBtns">心</a>
                                     <a href="javascript:;" class="todetailBtns">地球</a>
                             </li>
                     <li>
                                     <a href="javascript:;" class="todetailBtns">星星</a>
                                     <a href="javascript:;" class="todetailBtns">太阳</a>
                                     <a href="javascript:;" class="todetailBtns">月亮</a>
                                     <a href="javascript:;" class="todetailBtns">蝴蝶</a>
                                     <a href="javascript:;" class="todetailBtns">钱</a>
                             </li>
                     <li>
                                     <a href="javascript:;" class="todetailBtns">学生</a>
                                     <a href="javascript:;" class="todetailBtns">科技</a>
                                     <a href="javascript:;" class="todetailBtns">购物</a>
                                     <a href="javascript:;" class="todetailBtns">电脑</a>
                                     <a href="javascript:;" class="todetailBtns">茶</a>
                             </li>
                     <li>
                                     <a href="javascript:;" class="todetailBtns">水</a>
                                     <a href="javascript:;" class="todetailBtns">互联网</a>
                                     <a href="javascript:;" class="todetailBtns">音乐</a>
                                     <a href="javascript:;" class="todetailBtns">奖杯</a>
                                     <a href="javascript:;" class="todetailBtns">气球</a>
                             </li>
                     <li>
                                     <a href="javascript:;" class="todetailBtns">厨房</a>
                                     <a href="javascript:;" class="todetailBtns">油画</a>
                                     <a href="javascript:;" class="todetailBtns">红色背景</a>
                                     <a href="javascript:;" class="todetailBtns">海报</a>
                                     <a href="javascript:;" class="todetailBtns">背景板</a>
                             </li>
             </ul>
            </div>
        </div>

        <!-- 矢量图 -->
        <div class="navPane" data-tab="vector" style="display:none;">
            <div class="clearfix main-w wrapper flex-images">
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/15/39c68a4dfaa98bbd7faf0d56c87b968b.jpg!reVideo" alt="">
                            <p class="title">网站标题或横幅设置。</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="73259"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="73259" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/09/ca3c07f54d0eb399779dbd37ac47f521.jpg!reVideo" alt="">
                            <p class="title">圣诞快乐网站标题或横幅设置</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="73235"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="73235" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/01/88/21d5ca5c8985a21bc28f66130fbd9234.jpg!reVideo" alt="">
                            <p class="title">粒子向量横幅</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="586"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="586" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/56/aadaf2348f828324c13b06c709ce39ac.jpg!reVideo" alt="">
                            <p class="title">渐变的暖色背景矢量图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="80420"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="80420" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/03/20/95e68af6b8ba232c73f2b06141397c9b.jpg!reVideo" alt="">
                            <p class="title">绿色的抽象光斑背景矢量图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="14534"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="14534" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/95/a575f08c5e1c839d4a3a70ad0adb4efc.jpg!reVideo" alt="">
                            <p class="title">幻想向量背景</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="619"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="619" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/03/57/a4b4645e8f2d4c5d3c39bf2c82d64135.jpg!reVideo" alt="">
                            <p class="title">简约的物品图标矢量图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="52653"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="52653" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/66/97b413a50231d7edddf0d2948c7159b7.jpg!reVideo" alt="">
                            <p class="title">浅色的简约图标矢量图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="52657"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="52657" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/08/85/6ced3abfece94f25dd0987d58e3d74e4.jpg!reVideo" alt="">
                            <p class="title">医疗图标设置</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="168828"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="168828" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/51/7b55eb4f09755c3b7513234bca821dde.jpg!reVideo" alt="">
                            <p class="title">一组具有不同统计图和图表的商业信息图形元素，以有效地呈现您的数据。</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="558464"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="558464" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/64/8f348ca5eb3a5f23e592ab717e90cdea.jpg!reVideo" alt="">
                            <p class="title">向量组的数据组织和管理平面网络图标。每个图标都有可调整的笔画，完美地设计在像素64X64大小的网格上。完全可编辑，易于使用。</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="811666"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="811666" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/02/73/21a53bd77fc0ba6ec793ac5e843478de.jpg!reVideo" alt="">
                            <p class="title">时尚的商业信息图形元素集合，为财务增长数据展示。</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="1404665"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="1404665" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/06/58/f51afdf402727a5f77f205bf613d67e3.jpg!reVideo" alt="">
                            <p class="title">黑色的自然动物轮廓矢量图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="216535"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="216535" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/10/67/e72cab8ac38c8ad5685e678847e91105.jpg!reVideo" alt="">
                            <p class="title">一组有背景的动物</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="113919"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="113919" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                                    <div class="list item" data-w="618" data-h="448">
                        <a href="javascript:;" class="imgwrap todetailBtns">
                            <img src="//pimg.ibaotu.com/sb/new_previews/05/68/614b57e65ae82a800bd9cded8f9ca39d.jpg!reVideo" alt="">
                            <p class="title">动物贴纸矢量图</p>
                        </a>
                        <a href="javascript:;" class="download actionDl todetailBtns" data-id="17796"
                           data-type="photo"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
                        <a href="javascript:;" class="collect actionStar todetailBtns "
                           data-id="17796" data-type="photo"><i
                                    class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
                    </div>
                            </div>
            <div class="main-w browse">
                <div class="title"><span>分类浏览</span></div>
                <ul>
			          <li>
			                          <a href="javascript:;" class="todetailBtns">妇女节</a>
			                          <a href="javascript:;" class="todetailBtns">科技</a>
			                          <a href="javascript:;" class="todetailBtns">花</a>
			                          <a href="javascript:;" class="todetailBtns">金融</a>
			                          <a href="javascript:;" class="todetailBtns">春天</a>
			                  </li>
			          <li>
			                          <a href="javascript:;" class="todetailBtns">教育</a>
			                          <a href="javascript:;" class="todetailBtns">商务</a>
			                          <a href="javascript:;" class="todetailBtns">蓝色</a>
			                          <a href="javascript:;" class="todetailBtns">时尚</a>
			                          <a href="javascript:;" class="todetailBtns">美食</a>
			                  </li>
			          <li>
			                          <a href="javascript:;" class="todetailBtns">微笑</a>
			                          <a href="javascript:;" class="todetailBtns">手绘</a>
			                          <a href="javascript:;" class="todetailBtns">植物</a>
			                          <a href="javascript:;" class="todetailBtns">动物</a>
			                          <a href="javascript:;" class="todetailBtns">英雄</a>
			                  </li>
			          <li>
			                          <a href="javascript:;" class="todetailBtns">运动</a>
			                          <a href="javascript:;" class="todetailBtns">车</a>
			                          <a href="javascript:;" class="todetailBtns">飞机</a>
			                          <a href="javascript:;" class="todetailBtns">沙滩</a>
			                          <a href="javascript:;" class="todetailBtns">蔬菜</a>
			                  </li>
			          <li>
			                          <a href="javascript:;" class="todetailBtns">考试</a>
			                          <a href="javascript:;" class="todetailBtns">老师</a>
			                          <a href="javascript:;" class="todetailBtns">瑜伽</a>
			                          <a href="javascript:;" class="todetailBtns">化妆品</a>
			                          <a href="javascript:;" class="todetailBtns">会议</a>
			                  </li>
			  </ul>
            </div>
        </div>
    </section>
    <section class="company-used">
        <div class="swiper-used">
            <p class="title">他们正在使用</p>
            <div class="user-company">
                <div class="main-w">
                    <div class="clearfix use-swiper">
                        <ul class="use-slide">
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg1.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg2.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg3.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg4.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg5.png" alt="合作企业logo"></li>
                        </ul>
                        <ul class="use-slide">
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg6.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg7.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg8.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg9.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg10.png" alt="合作企业logo"></li>
                        </ul>
                        <ul class="use-slide">
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg11.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg12.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg13.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg14.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg15.png" alt="合作企业logo"></li>
                        </ul>
                        <ul class="use-slide">
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg16.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg17.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg18.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg19.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg20.png" alt="合作企业logo"></li>
                        </ul>
                        <ul class="use-slide">
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg21.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg22.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg23.png" alt="合作企业logo"></li>
                            <li><img src="//js.ibaotu.com/son/images/newedition/home/fimg24.png" alt="合作企业logo"></li>
                        </ul>
                    </div>
                </div>
                <a href="javascript:;" class="btn prev"><i class="icontfont icon-zuojiantou"></i></a>
                <a href="javascript:;" class="btn next"><i class="icontfont icon-youjiantou"></i></a>
            </div>
        </div>
    </section>

    
    <section id="audioControl" class="control-wrap">
    <div class="main-w">
        <div class="fl control_player">
            <a href="javascript:;" class="btn_prev" id="btnprev"><i class="icontfont icon-xinbanzizhan-shangyishou"></i></a>
            <a href="javascript:;" class="btn_play" id="btnplay"><i class="icontfont icon-xinbanzizhan-bofang"></i><i
                        class="icontfont icon-xinbanzizhan-zanting"></i></a>
            <a href="javascript:;" class="btn_next" id="btnnext"><i
                        class="icontfont icon-xinbanzizhan-xiayishou"></i></a>
        </div>
        <div class="fl control_progress">
            <p class="title" id="title_show">回忆里的那个人</p>
            <div class="clearfix progress_info">
                <div class="fl progress_inner" id="progress_inner">
                    <div class="music_track" id="track_show"><b class="dot" id="dot"></b></div>
                </div>
                <div class="fl music_time" id="time_show"></div>
            </div>
        </div>
        <div class="fl like-wrap">
            <a href="javascript:;" class="actionDl todetailBtns" data-type="audio"><i class="icontfont icon-xinbanzizhan-xiazai"></i></a>
            <a href="javascript:;" class="actionStar todetailBtns" data-type="audio"><i class="icontfont icon-xinbanzizhan-shoucang1"></i></a>
        </div>
    </div>
    <audio src="" id="audio" preload="none" crossorigin="anonumous"></audio>
</section>
    <!--活动悬浮-->
    <footer>
    <div class="main-w">
        <a href="http://5i0z4.cn" class="btos-logo">
            <i class="iconfont icon-baotuhaiwailogo"></i>
        </a>
        <div class="fr about-links">
            <a href="http://5i0z4.cn">关于包图海外</a>
            <a href="http://5i0z4.cn">包图主站</a>
            <span>包图网-Copyright ?2019 包图网 </span>
        </div>
    </div>
</footer>

<style>
    .mobile-new-lore .slide-veri-box{
        background: none;
    }
    .nc_scale{
        height: 38px;
    }
    .nc-container .nc_scale span{
        height: 38px;
        line-height: 38px;
    }
    .nc-container .nc_scale .scale_text{
        line-height: 38px;
    }

    .login-pop .protocol-link{
        font-size: 12px;
        color: #ccc;
        display: block;
        text-align: center;
        margin-top: 32px;
    }

    .login-pop .protocol-link>a{
        color: #ccc;
    }

</style>

<!-- 弹框 -->
<div class="btos-popbox login-father-level" style="display:none;">
    <div class="mask"></div>
    <!-- 选择登录方式 -->
    <div class="pop-contains login-pop" id="login_ways" style="display: none;">
        <a href="javascript:;" class="closebtn" onclick="$(this).parent().parent().hide();"><i class="icon-close"></i></a>
        <div class="content">
            <i class="icon-logo"></i>
            <p class="ways">请选择登录方式</p>
            <div class="list">
                <a href="javascript:;" class="waysqq login-qq-i" style="margin-left: 150px;"><span><i></i></span> QQ登录</a>
            </div>
            <div class="protocol-link">注册即同意<a href="//ibaotu.com/?m=aboutus&amp;a=announce">《包图网络服务使用协议》</a>&amp;<a href="//ibaotu.com/?m=aboutus&amp;a=privacy">《包图隐私政策》</a></div>
        </div>
    </div>
    <!-- if 手机登录 -->
    <div class="pop-contains login-pop s_login_c" id="login_phone" style="display: none;">
        <a href="javascript:;" class="closebtn" onclick="$(this).parent().parent().hide();"><i class="icon-close"></i></a>
        <div class="content">
            <i class="icon-logo"></i>
            <ul class="ph-info">
                <li class="cell">
                    <i class="cell-txt"></i>
                    <input type="text" class="login_phone_input" maxlength="11" placeholder="请输入手机号">
                    <b class="login_Text">亲，您的手机号码不对哟</b>
                </li>
                <li class="yzm">
                    <div class="slider-yzm" id="login-slide-div"></div>

                    <input type='hidden' id='login-slide-div-sig' name='sig' />
                    <input type='hidden' id='login-slide-div-token' name='token' />
                    <input type='hidden' id='login-slide-div-scene' name='scene' />
                    <input type='hidden' id='login-slide-div-csessionid' name='csessionid' />
                </li>
                <li class="password">
                    <i></i>
                    <input type="text" id="mo-veri" class="login_code_input" maxlength="6" placeholder="请输入验证码">
                    <a href="javascript:;" class="words ver-btn" style="color: #ff9100">发送验证码</a>
                    <b class="login_Text ">亲，请输入正确的验证码哟</b>
                </li>
            </ul>
            <a href="javascript:;" class="loginbtn mob-login-sub">登录</a>
            <p class="other-way" onclick="$('#login_ways').show();$('#login_phone').hide()">使用第三方账号登录  <a href="javascript:;"><i  class="icon-wx"></i></a><a href="javascript:;"><i class="icon-qq"></i></a></p>
        </div>
    </div>

    <!-- if 手机号绑定QQ或者微信 -->
    <div class="pop-contains login-pop bd_login_x" id="binding_phone" style="display: none">
        <a href="javascript:;" class="closebtn" onclick="$(this).parent().parent().hide();"><i class="icon-close"></i></a>
        <div class="content">
            <i class="icon-logo"></i>
            <p class="ways">请选择登录账号</p>
            <div class="binding">
                <p>
                    亲，为了您的账号安全，您的手机号只能绑定一个包图账号。<br> 请选择绑定：
                </p>
                <div class="bindwhich">
                    <a href="javascript:;" class="account-bind-info-0 choice-binding-phone" data-id=""><img src="" alt=""><span>QQ名字</span> <b>609966363</b></a>
                    <a href="javascript:;" class="account-bind-info-1 choice-binding-phone" data-id=""><img src="" alt=""><span>微信名字</span><b>609966363</b></a>
                </div>

                <a href="javascript:;" class="fr useqq" onclick="$('#login_ways').show();$('#binding_phone').hide()">使用QQ/微信注册</a>
            </div>
        </div>
    </div>
</div><!-- 绑定手机号弹框 -->
<div class="btos-popbox phone_bind_pop" style="display: none;">
    <div class="mask"></div>
    <div class="pop-contains bund-pop" id="bund_ph">
        <a href="javascript:;" class="closebtn" onclick="$(this).parent().parent().hide();"><i class="icon-close"></i></a>
        <div class="content">
            <p class="tit">绑定手机号 <br> <span class="tip active">你离好素材只剩一步啦，绑定手机号继续下载吧</span></p> <!-- 显示此提示添加active类名 -->
            <div class="clearfix input-box">

                <input type="text" class="phnum bind_phone_input" maxlength="11" placeholder="请输入手机号" />
                <p class="text bind_phone_p">请输入正确的手机号</p> <!-- 显示此提示添加active类名 -->

                <div class="slider-YZM" id="bind-slide-div"></div>

                <input type='hidden' id='bind-slide-div-sig' name='sig' />
                <input type='hidden' id='bind-slide-div-token' name='token' />
                <input type='hidden' id='bind-slide-div-scene' name='scene' />
                <input type='hidden' id='bind-slide-div-csessionid' name='csessionid' />

                <input type="text" class="idencode bind_code_input" maxlength="6" placeholder="请输入验证码" />
                <a href="javascript:;" class="send-btn active bind_code">发送验证码</a> <!-- 可发送验证码状态添加active类名 -->
                <p class="text bind_code_p">验证码不正确</p> <!-- 显示此提示添加active类名 -->

            </div>
            <a href="javascript:;" class="submit mobile_bind_sub">确认</a> <!-- 可点击添加active类名 -->
        </div>
    </div>
</div>
	<script type="text/javascript">
		var isLogin = false;
	</script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/jquery.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/js.cookie-2.2.0.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/lodash-4.17.11.min.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/public.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/jquery.flex-images.min.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/phoneLoginNew.js?v=124"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/iconfont.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/layer.js"></script>
	<script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/nc.js"></script>


	<script type="text/javascript">
		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?b4218c7165fc08099d62aed9131b7214";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

	<script type="text/javascript">
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': 'nzccC3QwHjNRDVM8oE0GgABmI7GA8thSI39RjWno'
			}
		});

		var _showSemLogin = '';
		var _isHome = '1';

		function _isLogin() {
			return '1';
		}

		/**
		 * 显示登录弹窗
		 */
		function _showLogin() {
			console.log('eee');
			showCaptcha('login-slide-div',300);
			$(".login-father-level").css('display','block');
			$("#login_ways").css('display','block');
		}

		// 打印变量
		function dd(some) {
			console.log(some);
		}

		var _popConfig = {
			404: {
				content: '素材可能被外星人带走了',
				button: {
					text: '告诉我们',
					url: 'https://haiwai.ibaotu.com/about/index?active=3#about_opinion'
				}
			},
			4041: {
				content: '尊敬的用户，本站素材普通用户可免费下载1个/天。<br/>开通包图·海外个人VIP可享本站素材海量下载',
				button: {
					text: '加入个人VIP',
					url: 'https://haiwai.ibaotu.com/payment'
				}
			},
			4042: {
				content: '系统显示您今日操作频繁，为了您的账户安全，请稍后再试',
				button: {
					text: '知道了',
					url: ''
				}
			},
			4043: {
				content: '系统显示您今日操作频繁，为了您的账户安全，请稍后再试',
				button: {
					text: '知道了',
					url: ''
				}
			},
			4044: {
				content: '尊敬的企业用户，系统显示您今日操作频繁，为了您的账户安全，请稍后再试',
				button: {
					text: '知道了',
					url: ''
				}
			},
			4045: {
				content: '尊敬的用户， 开通包图·海外个人VIP，立享本站高清素材海量下载',
				button: {
					text: '加入个人VIP',
					url: 'https://haiwai.ibaotu.com/payment'
				}
			},
			4046: {
				content: '尊敬的客官大大，下载次数已经达到上限啦！升级VIP，海量下载一步到位！',
				button: {
					text: '立即升级',
					url: 'https://haiwai.ibaotu.com/payment?vid=3'
				}
			},
			4047: {
				content: '尊敬的用户，开通包图·海外个人VIP，立享全球正版精选素材海量下载',
				button: {
					text: '加入个人VIP',
					url: 'https://haiwai.ibaotu.com/payment'
				}
			}
		};

		function _showPop(code) {
			console.log(code);

			if (code === 4041) {
				layer.open({
					type: 2,
					title: false,
					closeBtn: 0,
					area: ['566px', '460px'],
					shadeClose: true,
					content: '/layer/vip/notice'
				});
				return
			}

			var config = _popConfig[code];

			if (config) {
				var tpl = '<div class="btos-popbox dl-limit">'
					+ '<div class="mask"></div>'
					+ '<div class="pop-contains limit-pop">'
					+ '<a href="javascript:;" class="closebtn"><i class="icon-close"></i></a>'
					+ '<div class="content">'
					+ '<i class="icon-limitbg"></i>'
					+ '<p class="p-text"></p>'
					+ '<a href="" class="knowbtn p-btn"></a>'
					+ '</div>'
					+ '</div>'
					+ '</div>';

				var $tpl = $(tpl);
				$tpl.find('.p-text').html(config['content']);
				$tpl.find('.p-btn').text(config['button']['text']);

				if (config['button']['url']) {
					$tpl.find('.p-btn').attr('href', config['button']['url']);
				} else {
					$tpl.find('.p-btn').attr('href', 'javascript:;');
				}

				$tpl.find('.closebtn, .p-btn').click(function () {
					$(this).parents('.dl-limit').hide();
					$(this).parents('.dl-limit').remove();
				});

				$('body').append($tpl);
				$tpl.show();
			}
		}

		/**
		 * 处理下载
		 * @param  id
		 * @param  type
		 * @param  format
		 */
		function _handleDownload(id, type, format) {

			if (!_isLogin()) {
				_showLogin();
			}

			var dlUrl;

			if (type == 'photo') {
				dlUrl = '/photos/'+id+'/download';
			} else if (type == 'video') {
				dlUrl = '/videos/'+id+'/download';
			} else if (type == 'audio') {
				dlUrl = '/audio/'+id+'/download';
			}

			if (format) {
				dlUrl = dlUrl +'?format='+format;
			}

			$.get(dlUrl, function (res) {
				if (res.status == 200) {
					location.href = res.url;
				} else if (res.status == 401) {
					_showLogin();
				} else if (res.status == 4011) {
					showCaptcha('bind-slide-div',300);
					$(".phone_bind_pop").show();
				} else {
					_showPop(res.status);
				}
			});
		}

		function _handleStar(type, id, success, error) {
			if (!_isLogin()) {
				return _showLogin();
			}
			var urls = {
				'photo': 'https://haiwai.ibaotu.com/images/star',
				'video': 'https://haiwai.ibaotu.com/videos/star',
				'audio': 'https://haiwai.ibaotu.com/audio/star'
			};

			$.post(urls[type], {'id': id}, function (res) {
				res.status == 200 ? success() : error();
			})
		}

		function _handleUnstar(type, id, success, error) {
			if (!_isLogin()) {
				return _showLogin();
			}

			var urls = {
				'photo': 'https://haiwai.ibaotu.com/images/unstar',
				'video': 'https://haiwai.ibaotu.com/videos/unstar',
				'audio': 'https://haiwai.ibaotu.com/audio/unstar'
			};

			$.post(urls[type], {'id': id}, function (res) {
				res.status == 200 ? success() : error();
			})
		}

		function _isWaterfallMode() {
			return Cookies.get('_ss_search_list_mode') === 'waterfall';
		}

		function _setSearchListMode(mode)
		{
			Cookies.set('_ss_search_list_mode', mode , { expires: 15});
		}

		var event_stats_url = 'https://haiwai.ibaotu.com/stats/event';
		// 页面事件统计
		function _event(event) {
			$.post(event_stats_url, event)
		}


		$(function () {

			var urls = {
				'photo': 'https://haiwai.ibaotu.com/photos',
				'chahua': 'https://haiwai.ibaotu.com/chahua',
				'vector': 'https://haiwai.ibaotu.com/vector',
				'video': 'https://haiwai.ibaotu.com/videos',
				'audio': 'https://haiwai.ibaotu.com/audio',
				'searchUrl': 'https://haiwai.ibaotu.com/search/getUrl'
			};

			var _history = {"photo":[],"chahua":[],"video":[],"vector":[],"audio":[]};

			// 搜索框
			$('.searchBtn').on('click', function () {
				if(isLogin){
					window.location.href = "/web/bthw/payment";
				}else{
					$(".actionLogin").click();
				}
			});
			
			$(".graHover").on('click', function () {
				if(isLogin){
					window.location.href = "/web/bthw/payment";
				}else{
					$(".actionLogin").click();
				}
			});

			// 搜索回车
			$('.searchInput').on('keypress', function (e) {
				if(e.keyCode == 13) {
					if(isLogin){
						window.location.href = "/web/bthw/payment";
					}else{
						$(".actionLogin").click();
					}
				}
			});
			
			// 了解详情
			$(".ljxqBtn").on('click', function (e) {
				if(isLogin){
					window.location.href = "/web/bthw/payment";
				}else{
					$(".actionLogin").click();
				}
			});
			
			// 了解详情
			$(".todetailBtns").on('click', function (e) {
				if(isLogin){
					window.location.href = "/web/bthw/payment";
				}else{
					$(".actionLogin").click();
				}
			});
			
			function handelSearch(resource, val) {
				var statsUrl = 'https://haiwai.ibaotu.com/stats/search';
				var data = {'q': val, 'resource': resource};

				if (val.length < 1) {
					location.href = urls[resource];
				} else {
					// 统计
					$.post(statsUrl, data, function () {});
					$.get(urls.searchUrl, data, function (res) {
						if (res.status == 200) {
							location.href = res.url;
						}
					});
				}
			}

			// 输入框聚焦加载搜索历史
			$('.searchInput').on('focus', function () {
				var resource = $(this).data('resource');

				hotKwOptions.currentPage = 0;

				renderHistory(resource);
			});

			function renderHistory(resource)
			{
				var data;
				var $list = $('.sHistory');
				if (data = _history[resource]) {
					$list.empty();
					data.forEach(function (item) {
						var $a = $('<a href="javascript:;"  data-val="'+item['keyword']+'" data-url="'+item['url']+'">'+item['keyword']+'</a>');
						$list.append($a);
					})
				} else {
					$list.empty();
				}
			}

			// 历史搜索词点击处理
			$('.sHistory').on('click', 'a', function (e) {
				e.preventDefault();

				var statsUrl = '/stats/search';
				var resource = $('.searchInput').data('resource');

				var data = {'q': $(this).data('val'), 'resource': resource};

				$.post(statsUrl, data, function () {});
				location.href= $(this).data('url');
			});

			// 清空搜索历史
			$('.clearHistory').on('click', function (e) {
				e.stopPropagation();
				var resource = $('.searchInput').data('resource');
				$.post('/user/search/history', {'_method': 'delete', resource: resource}, function (res) {});

				$('.sHistory').empty();
			});

			// 热门搜索
			var hotKwOptions = {
				'currentPage': 0,
			};

			var _hotKws = {"photo":[{"keyword":"\u57ce\u5e02","url":"https:\/\/haiwai.ibaotu.com\/photos\/chengshi_7364"},{"keyword":"\u5efa\u7b51","url":"https:\/\/haiwai.ibaotu.com\/photos\/jianzhu_26599"},{"keyword":"\u529e\u516c","url":"https:\/\/haiwai.ibaotu.com\/photos\/bangong_2764"},{"keyword":"\u6625\u5929","url":"https:\/\/haiwai.ibaotu.com\/photos\/chuntian"},{"keyword":"\u96e8","url":"https:\/\/haiwai.ibaotu.com\/photos\/yu_66351"},{"keyword":"\u6c34\u58a8","url":"https:\/\/haiwai.ibaotu.com\/photos\/shuimo"},{"keyword":"\u7bee\u7403","url":"https:\/\/haiwai.ibaotu.com\/photos\/lanqiu_32592"},{"keyword":"\u4eba","url":"https:\/\/haiwai.ibaotu.com\/photos\/ren_44167"},{"keyword":"\u526a\u7eb8","url":"https:\/\/haiwai.ibaotu.com\/photos\/jianzhi_26331"},{"keyword":"\u70df\u82b1","url":"https:\/\/haiwai.ibaotu.com\/photos\/yanhua_62470"},{"keyword":"\u80cc\u666f","url":"https:\/\/haiwai.ibaotu.com\/photos\/beijing_3908"},{"keyword":"\u5956\u676f","url":"https:\/\/haiwai.ibaotu.com\/photos\/jiangbei"},{"keyword":"\u7bee\u7403","url":"https:\/\/haiwai.ibaotu.com\/photos\/lanqiu_32592"},{"keyword":"\u5c71\u6c34","url":"https:\/\/haiwai.ibaotu.com\/photos\/shanshui"},{"keyword":"\u5efa\u7b51","url":"https:\/\/haiwai.ibaotu.com\/photos\/jianzhu_26599"},{"keyword":"\u533b\u9662","url":"https:\/\/haiwai.ibaotu.com\/photos\/yiyuan"},{"keyword":"NBA","url":"https:\/\/haiwai.ibaotu.com\/photos\/NBA"},{"keyword":"\u732b","url":"https:\/\/haiwai.ibaotu.com\/photos\/mao_35660"},{"keyword":"\u8774\u8776","url":"https:\/\/haiwai.ibaotu.com\/photos\/hudie"},{"keyword":"\u706b\u8f66","url":"https:\/\/haiwai.ibaotu.com\/photos\/huoche_24440"},{"keyword":"\u6c7d\u8f66","url":"https:\/\/haiwai.ibaotu.com\/photos\/qiche_42057"},{"keyword":"\u4f1a\u8bae","url":"https:\/\/haiwai.ibaotu.com\/photos\/huiyi_24090"},{"keyword":"\u62db\u8058","url":"https:\/\/haiwai.ibaotu.com\/photos\/zhaopin"},{"keyword":"\u7269\u6d41","url":"https:\/\/haiwai.ibaotu.com\/photos\/wuliu"},{"keyword":"\u8863\u670d","url":"https:\/\/haiwai.ibaotu.com\/photos\/yifu"},{"keyword":"\u80fd\u6e90","url":"https:\/\/haiwai.ibaotu.com\/photos\/nengyuan"},{"keyword":"\u7535\u8111","url":"https:\/\/haiwai.ibaotu.com\/photos\/diannao_11636"},{"keyword":"\u5c0f\u6e05\u65b0","url":"https:\/\/haiwai.ibaotu.com\/photos\/xiaoqingxin"},{"keyword":"\u6e29\u6696","url":"https:\/\/haiwai.ibaotu.com\/photos\/wennuan"},{"keyword":"\u53a8\u623f","url":"https:\/\/haiwai.ibaotu.com\/photos\/chufang_8255"},{"keyword":"\u5bb6\u5c45","url":"https:\/\/haiwai.ibaotu.com\/photos\/jiaju_25542"},{"keyword":"\u684c\u9762","url":"https:\/\/haiwai.ibaotu.com\/photos\/zhuomian"},{"keyword":"\u84dd\u8272\u80cc\u666f","url":"https:\/\/haiwai.ibaotu.com\/photos\/lansebeijing_32249"},{"keyword":"\u767b\u5c71","url":"https:\/\/haiwai.ibaotu.com\/photos\/dengshan"},{"keyword":"\u6c34","url":"https:\/\/haiwai.ibaotu.com\/photos\/shui_51582"},{"keyword":"\u5ba2\u670d","url":"https:\/\/haiwai.ibaotu.com\/photos\/kefu_31219"}],"chahua":[{"keyword":"\u8bbe\u8ba1","url":"https:\/\/haiwai.ibaotu.com\/chahua\/sheji_47355"},{"keyword":"\u5143\u7d20","url":"https:\/\/haiwai.ibaotu.com\/chahua\/yuansu_66634"},{"keyword":"\u96ea\u82b1","url":"https:\/\/haiwai.ibaotu.com\/chahua\/xuehua"},{"keyword":"\u5fc3","url":"https:\/\/haiwai.ibaotu.com\/chahua\/xin_60481"},{"keyword":"\u5730\u7403","url":"https:\/\/haiwai.ibaotu.com\/chahua\/diqiu"},{"keyword":"\u661f\u661f","url":"https:\/\/haiwai.ibaotu.com\/chahua\/xingxing_61167"},{"keyword":"\u592a\u9633","url":"https:\/\/haiwai.ibaotu.com\/chahua\/taiyang_53171"},{"keyword":"\u6708\u4eae","url":"https:\/\/haiwai.ibaotu.com\/chahua\/yueliang"},{"keyword":"\u8774\u8776","url":"https:\/\/haiwai.ibaotu.com\/chahua\/hudie"},{"keyword":"\u94b1","url":"https:\/\/haiwai.ibaotu.com\/chahua\/qian_42543"},{"keyword":"\u5b66\u751f","url":"https:\/\/haiwai.ibaotu.com\/chahua\/xuesheng_61771"},{"keyword":"\u79d1\u6280","url":"https:\/\/haiwai.ibaotu.com\/chahua\/keji_30573"},{"keyword":"\u8d2d\u7269","url":"https:\/\/haiwai.ibaotu.com\/chahua\/gouwu_17839"},{"keyword":"\u7535\u8111","url":"https:\/\/haiwai.ibaotu.com\/chahua\/diannao_11636"},{"keyword":"\u8336","url":"https:\/\/haiwai.ibaotu.com\/chahua\/cha_6248"},{"keyword":"\u6c34","url":"https:\/\/haiwai.ibaotu.com\/chahua\/shui_51582"},{"keyword":"\u4e92\u8054\u7f51","url":"https:\/\/haiwai.ibaotu.com\/chahua\/hulianwang_22462"},{"keyword":"\u97f3\u4e50","url":"https:\/\/haiwai.ibaotu.com\/chahua\/yinyue"},{"keyword":"\u5956\u676f","url":"https:\/\/haiwai.ibaotu.com\/chahua\/jiangbei"},{"keyword":"\u6c14\u7403","url":"https:\/\/haiwai.ibaotu.com\/chahua\/qiqiu_42026"},{"keyword":"\u53a8\u623f","url":"https:\/\/haiwai.ibaotu.com\/chahua\/chufang_8255"},{"keyword":"\u6cb9\u753b","url":"https:\/\/haiwai.ibaotu.com\/chahua\/youhua_65784"},{"keyword":"\u7ea2\u8272\u80cc\u666f","url":"https:\/\/haiwai.ibaotu.com\/chahua\/hongsebeijing_21936"},{"keyword":"\u6d77\u62a5","url":"https:\/\/haiwai.ibaotu.com\/chahua\/haibao_19684"},{"keyword":"\u80cc\u666f\u677f","url":"https:\/\/haiwai.ibaotu.com\/chahua\/beijingban_3918"},{"keyword":"\u661f\u7a7a","url":"https:\/\/haiwai.ibaotu.com\/chahua\/xingkong_61083"},{"keyword":"\u5a5a\u793c","url":"https:\/\/haiwai.ibaotu.com\/chahua\/hunli_24207"},{"keyword":"\u51e0\u4f55","url":"https:\/\/haiwai.ibaotu.com\/chahua\/jihe_25194"},{"keyword":"\u6625\u5929","url":"https:\/\/haiwai.ibaotu.com\/chahua\/chuntian"},{"keyword":"\u63d2\u56fe","url":"https:\/\/haiwai.ibaotu.com\/chahua\/chatu"},{"keyword":"\u82b1\u7eb9","url":"https:\/\/haiwai.ibaotu.com\/chahua\/huawen_23072"},{"keyword":"\u821e\u53f0","url":"https:\/\/haiwai.ibaotu.com\/chahua\/wutai"}],"vector":[{"keyword":"\u5987\u5973\u8282","url":"https:\/\/haiwai.ibaotu.com\/vector\/funvjie"},{"keyword":"\u79d1\u6280","url":"https:\/\/haiwai.ibaotu.com\/vector\/keji_30573"},{"keyword":"\u82b1","url":"https:\/\/haiwai.ibaotu.com\/vector\/hua_22815"},{"keyword":"\u91d1\u878d","url":"https:\/\/haiwai.ibaotu.com\/vector\/jinrong_28063"},{"keyword":"\u6625\u5929","url":"https:\/\/haiwai.ibaotu.com\/vector\/chuntian"},{"keyword":"\u6559\u80b2","url":"https:\/\/haiwai.ibaotu.com\/vector\/jiaoyu_27513"},{"keyword":"\u5546\u52a1","url":"https:\/\/haiwai.ibaotu.com\/vector\/shangwu_46470"},{"keyword":"\u84dd\u8272","url":"https:\/\/haiwai.ibaotu.com\/vector\/lanse"},{"keyword":"\u65f6\u5c1a","url":"https:\/\/haiwai.ibaotu.com\/vector\/shishang_48828"},{"keyword":"\u7f8e\u98df","url":"https:\/\/haiwai.ibaotu.com\/vector\/meishi_36558"},{"keyword":"\u5fae\u7b11","url":"https:\/\/haiwai.ibaotu.com\/vector\/weixiao_56112"},{"keyword":"\u624b\u7ed8","url":"https:\/\/haiwai.ibaotu.com\/vector\/shouhui_49957"},{"keyword":"\u690d\u7269","url":"https:\/\/haiwai.ibaotu.com\/vector\/zhiwu_68866"},{"keyword":"\u52a8\u7269","url":"https:\/\/haiwai.ibaotu.com\/vector\/dongwu_12567"},{"keyword":"\u82f1\u96c4","url":"https:\/\/haiwai.ibaotu.com\/vector\/yingxiong"},{"keyword":"\u8fd0\u52a8","url":"https:\/\/haiwai.ibaotu.com\/vector\/yundong_67256"},{"keyword":"\u8f66","url":"https:\/\/haiwai.ibaotu.com\/vector\/che_6891"},{"keyword":"\u98de\u673a","url":"https:\/\/haiwai.ibaotu.com\/vector\/feiji_14427"},{"keyword":"\u6c99\u6ee9","url":"https:\/\/haiwai.ibaotu.com\/vector\/shatan_45825"},{"keyword":"\u852c\u83dc","url":"https:\/\/haiwai.ibaotu.com\/vector\/shucai"},{"keyword":"\u8003\u8bd5","url":"https:\/\/haiwai.ibaotu.com\/vector\/kaoshi"},{"keyword":"\u8001\u5e08","url":"https:\/\/haiwai.ibaotu.com\/vector\/laoshi_33016"},{"keyword":"\u745c\u4f3d","url":"https:\/\/haiwai.ibaotu.com\/vector\/yujia_66262"},{"keyword":"\u5316\u5986\u54c1","url":"https:\/\/haiwai.ibaotu.com\/vector\/huazhuangpin_23315"},{"keyword":"\u4f1a\u8bae","url":"https:\/\/haiwai.ibaotu.com\/vector\/huiyi_24090"},{"keyword":"\u623f\u5730\u4ea7","url":"https:\/\/haiwai.ibaotu.com\/vector\/fangdichan"},{"keyword":"\u80fd\u6e90","url":"https:\/\/haiwai.ibaotu.com\/vector\/nengyuan"},{"keyword":"\u624b\u673a","url":"https:\/\/haiwai.ibaotu.com\/vector\/shouji_50144"},{"keyword":"\u6e29\u6696","url":"https:\/\/haiwai.ibaotu.com\/vector\/wennuan"},{"keyword":"\u53a8\u623f","url":"https:\/\/haiwai.ibaotu.com\/vector\/chufang_8255"},{"keyword":"\u592a\u9633","url":"https:\/\/haiwai.ibaotu.com\/vector\/taiyang_53171"},{"keyword":"\u623f\u5b50","url":"https:\/\/haiwai.ibaotu.com\/vector\/fangzi_14294"},{"keyword":"\u8774\u8776","url":"https:\/\/haiwai.ibaotu.com\/vector\/hudie"},{"keyword":"\u82b1","url":"https:\/\/haiwai.ibaotu.com\/vector\/hua_22815"},{"keyword":"\u8bbe\u8ba1\u5143\u7d20","url":"https:\/\/haiwai.ibaotu.com\/vector\/shejiyuansu"},{"keyword":"\u7ebf\u6761","url":"https:\/\/haiwai.ibaotu.com\/vector\/xiantiao"}],"video":[{"keyword":"\u52a8\u6001\u80cc\u666f","url":"https:\/\/haiwai.ibaotu.com\/videos\/dongtaibeijing"},{"keyword":"AE","url":"https:\/\/haiwai.ibaotu.com\/videos\/AE"},{"keyword":"logo","url":"https:\/\/haiwai.ibaotu.com\/videos\/logo"},{"keyword":"\u5b57\u5e55","url":"https:\/\/haiwai.ibaotu.com\/videos\/zimu_71668"},{"keyword":"\u9999\u6e2f","url":"https:\/\/haiwai.ibaotu.com\/videos\/xianggang"},{"keyword":"\u79d1\u6280","url":"https:\/\/haiwai.ibaotu.com\/videos\/keji_30573"},{"keyword":"\u7167\u7247","url":"https:\/\/haiwai.ibaotu.com\/videos\/zhaopian"},{"keyword":"\u80cc\u666f","url":"https:\/\/haiwai.ibaotu.com\/videos\/beijing_3908"},{"keyword":"\u6570\u636e","url":"https:\/\/haiwai.ibaotu.com\/videos\/shuju_51161"},{"keyword":"\u4f01\u4e1a","url":"https:\/\/haiwai.ibaotu.com\/videos\/qiye_41726"},{"keyword":"\u5730\u56fe","url":"https:\/\/haiwai.ibaotu.com\/videos\/ditu_11329"},{"keyword":"\u5546\u52a1","url":"https:\/\/haiwai.ibaotu.com\/videos\/shangwu_46470"},{"keyword":"\u5e7b\u706f\u7247","url":"https:\/\/haiwai.ibaotu.com\/videos\/huandengpian"},{"keyword":"\u6c34","url":"https:\/\/haiwai.ibaotu.com\/videos\/shui_51582"},{"keyword":"\u513f\u7ae5","url":"https:\/\/haiwai.ibaotu.com\/videos\/ertong_13179"},{"keyword":"\u5149","url":"https:\/\/haiwai.ibaotu.com\/videos\/guang_18585"},{"keyword":"\u4e91","url":"https:\/\/haiwai.ibaotu.com\/videos\/yun_67042"},{"keyword":"\u706b\u7130","url":"https:\/\/haiwai.ibaotu.com\/videos\/huoyan"},{"keyword":"\u65f6\u95f4","url":"https:\/\/haiwai.ibaotu.com\/videos\/shijian_48788"},{"keyword":"\u624b\u673a","url":"https:\/\/haiwai.ibaotu.com\/videos\/shouji_50144"},{"keyword":"\u91d1\u878d","url":"https:\/\/haiwai.ibaotu.com\/videos\/jinrong_28063"},{"keyword":"\u84dd\u8272","url":"https:\/\/haiwai.ibaotu.com\/videos\/lanse"},{"keyword":"\u6559\u80b2","url":"https:\/\/haiwai.ibaotu.com\/videos\/jiaoyu_27513"},{"keyword":"\u5efa\u7b51","url":"https:\/\/haiwai.ibaotu.com\/videos\/jianzhu_26599"},{"keyword":"\u98ce\u666f","url":"https:\/\/haiwai.ibaotu.com\/videos\/fengjing_14944"},{"keyword":"\u751f\u6d3b","url":"https:\/\/haiwai.ibaotu.com\/videos\/shenghuo_47934"},{"keyword":"\u8363\u8a89","url":"https:\/\/haiwai.ibaotu.com\/videos\/rongyu"},{"keyword":"\u5e7f\u544a","url":"https:\/\/haiwai.ibaotu.com\/videos\/guanggao_18720"},{"keyword":"3D","url":"https:\/\/haiwai.ibaotu.com\/videos\/3D"},{"keyword":"\u82b1\u74e3","url":"https:\/\/haiwai.ibaotu.com\/videos\/huaban_22826"},{"keyword":"\u9633\u5149","url":"https:\/\/haiwai.ibaotu.com\/videos\/yangguang_62870"},{"keyword":"\u6570\u5b57","url":"https:\/\/haiwai.ibaotu.com\/videos\/shuzi_51284"},{"keyword":"\u5c71","url":"https:\/\/haiwai.ibaotu.com\/videos\/shan_46012"},{"keyword":"\u68ee\u6797","url":"https:\/\/haiwai.ibaotu.com\/videos\/senlin_45580"},{"keyword":"\u4e66","url":"https:\/\/haiwai.ibaotu.com\/videos\/shu_50748"},{"keyword":"\u7231\u60c5","url":"https:\/\/haiwai.ibaotu.com\/videos\/aiqing_1512"}],"audio":[{"keyword":"\u94a2\u7434","url":"https:\/\/haiwai.ibaotu.com\/audio\/gangqin_16141"},{"keyword":"\u5409\u4ed6","url":"https:\/\/haiwai.ibaotu.com\/audio\/jita_25059"},{"keyword":"\u9707\u64bc","url":"https:\/\/haiwai.ibaotu.com\/audio\/zhenhan"},{"keyword":"\u8212\u7f13","url":"https:\/\/haiwai.ibaotu.com\/audio\/shuhuan"},{"keyword":"\u7535\u5f71","url":"https:\/\/haiwai.ibaotu.com\/audio\/dianying"},{"keyword":"\u7b11\u58f0","url":"https:\/\/haiwai.ibaotu.com\/audio\/\u7b11\u58f0"},{"keyword":"\u63d0\u793a","url":"https:\/\/haiwai.ibaotu.com\/audio\/tishi"},{"keyword":"\u706b\u8f66","url":"https:\/\/haiwai.ibaotu.com\/audio\/huoche_24440"},{"keyword":"\u7206\u70b8","url":"https:\/\/haiwai.ibaotu.com\/audio\/baozha"},{"keyword":"\u95f9\u949f","url":"https:\/\/haiwai.ibaotu.com\/audio\/naozhong"},{"keyword":"\u53e4\u5178","url":"https:\/\/haiwai.ibaotu.com\/audio\/gudian"},{"keyword":"\u8f7b\u5feb","url":"https:\/\/haiwai.ibaotu.com\/audio\/qingkuai"},{"keyword":"\u60b2\u4f24","url":"https:\/\/haiwai.ibaotu.com\/audio\/beishang"},{"keyword":"\u79ef\u6781","url":"https:\/\/haiwai.ibaotu.com\/audio\/jiji"},{"keyword":"\u6447\u6eda","url":"https:\/\/haiwai.ibaotu.com\/audio\/yaogun"},{"keyword":"\u72d7","url":"https:\/\/haiwai.ibaotu.com\/audio\/gou_17719"},{"keyword":"\u8b66\u7b1b","url":"https:\/\/haiwai.ibaotu.com\/audio\/\u8b66\u7b1b"},{"keyword":"\u7535\u8bdd","url":"https:\/\/haiwai.ibaotu.com\/audio\/dianhua_11560"},{"keyword":"\u5f00\u95e8","url":"https:\/\/haiwai.ibaotu.com\/audio\/kaimen"},{"keyword":"\u9e1f","url":"https:\/\/haiwai.ibaotu.com\/audio\/niao_38965"},{"keyword":"\u6d6a\u6f2b","url":"https:\/\/haiwai.ibaotu.com\/audio\/langman"},{"keyword":"\u7535\u5b50","url":"https:\/\/haiwai.ibaotu.com\/audio\/dianzi_11973"},{"keyword":"\u7d27\u5f20","url":"https:\/\/haiwai.ibaotu.com\/audio\/jinzhang"},{"keyword":"\u6050\u6016","url":"https:\/\/haiwai.ibaotu.com\/audio\/kongbu"},{"keyword":"\u5ba3\u4f20","url":"https:\/\/haiwai.ibaotu.com\/audio\/xuanchuan"}]};

			function renderHotKws(resource, page) {
				var $list = $('.sHotKeywords');
				page = parseInt(page);
				page = page > 0 ? page : 1;
				var list = _hotKws[resource];
				if (!list) return ;
				var perPage = _isHome ? 16 : 12;
				var start = (page - 1) * perPage;
				var data;


				if (start + 1 > list.length) {
					page = 1;
					start = 0;
				}

				data = list.slice(start, start + perPage);
				hotKwOptions.currentPage = page;

				$list.empty();
				data.forEach(function (item) {
					var $a = $('<a href="javascript:;"  data-val="'+item['keyword']+'" data-url="'+item['url']+'">'+item['keyword']+'</a>');
					$list.append($a);
				})
			}

			// 输入框聚焦加载热门搜索词
			$('.searchInput').on('focus', function () {
				var resource = $(this).data('resource');
				hotKwOptions.currentPage = 0;

				renderHotKws(resource, hotKwOptions.currentPage + 1)
			});

			// 热门搜索换一换
			$('.updateHotKeywords').on('click', function (e) {
				e.stopPropagation();
				var resource =  $('.searchInput').data('resource');

				renderHotKws(resource, hotKwOptions.currentPage + 1);
			});


			// 热门搜索词选取
			$('.sHotKeywords').on('click', 'a', function (e) {
				e.preventDefault();

				if(isLogin){
					window.location.href = "/web/bthw/payment";
				}else{
					$(".actionLogin").click();
				}
			});

			//关闭5次限制提示窗
			$('.click—dl-limit').on('click',  function (e) {
				$('.dl-limit').hide();
			});

			// sem用户弹窗
			if (_showSemLogin) {
				_showLogin();
			}

			//下载
			$('body').on('click', '.actionDl', function (e) {
				e.preventDefault();
				var $this = $(this);

				//_handleDownload($this.data('id'), $this.data('type'));
			});
			// 收藏功能
			$('body').on('click', '.actionStar', function (e) {
				e.preventDefault();

				/* var $this = $(this);
				var type = $this.data('type');
				var id = $this.data('id');

				if ($this.hasClass('active')) {
					_handleUnstar(type, id, function () {
						$this.removeClass('active');
					}, function () {

					})
				} else {
					_handleStar(type, id, function () {
						$this.addClass('active');
					}, function () {

					})
				} */
			});

			// 登录注册
			$('.actionLogin, .actionRegister').on('click', function () {
				_showLogin();
			});

			// 返回顶部
			$('.actionTop').on('click', function () {
				smoothscroll();

				function smoothscroll(){
					var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
					if (currentScroll > 0) {
						window.requestAnimationFrame(smoothscroll);
						window.scrollTo (0,currentScroll - (currentScroll/5));
					}
				}
			})
		});

	</script>

    <script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/audio.js"></script>
    <script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/home.js"></script>
    <script type="text/javascript" src="${ctx}/resources/js/project/web/bthw/swiper.min.js"></script>
    <script type="text/javascript">
        $(function () {
            // 分类切换
            $('.navlist > a ').on('mousemove', function () {
                var $this = $(this);
                $this.addClass('active').siblings().removeClass('active');
                var target = $this.data('target');

                $('[data-tab=' + target + ']').show().siblings('.navPane').hide();
            });
        });

        function setPopStatus($key) {
            var end_time = new Date("2019-03-01 23:59:59");//设置截止时间
            document.cookie = $key + "=false;expires=" + end_time;
        }
    </script>

</body>
</html>